@charset "UTF-8";
/*动画延时*/
.delay01{
	-webkit-animation-delay:0.1s;
}
.delay02{
	-webkit-animation-delay:0.2s;
}
.delay03{
	-webkit-animation-delay:0.3s;
}
.delay04{
	-webkit-animation-delay:0.4s;
}
.delay05{
	-webkit-animation-delay:0.5s;
}
.delay06{
	-webkit-animation-delay:0.6s;
}
.delay07{
	-webkit-animation-delay:0.7s;
}
.delay08{
	-webkit-animation-delay:0.8s;
}
.delay09{
	-webkit-animation-delay:0.9s;
}
.delay10{
	-webkit-animation-delay:1.0s;
}
.delay11{
	-webkit-animation-delay:1.1s;
}
.delay12{
	-webkit-animation-delay:1.2s;
}
.delay13{
	-webkit-animation-delay:1.3s;
}
.delay14{
	-webkit-animation-delay:1.4s;
}

.animated {
	-webkit-animation-duration: 0.9s;
	animation-duration: 0.9s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
/*动画延时*/
.delay04{
	-webkit-animation-delay:0.4s;
}
.delay05{
	-webkit-animation-delay:0.5s;
}
.delay06{
	-webkit-animation-delay:0.6s;
}
.delay07{
	-webkit-animation-delay:0.7s;
}
.delay08{
	-webkit-animation-delay:0.8s;
}
.delay09{
	-webkit-animation-delay:0.9s;
}
.delay10{
	-webkit-animation-delay:1.0s;
}
.delay11{
	-webkit-animation-delay:1.1s;
}
.delay12{
	-webkit-animation-delay:1.2s;
}
.delay13{
	-webkit-animation-delay:1.3s;
}
.delay14{
	-webkit-animation-delay:1.4s;
}
/*放大20%*/
@-webkit-keyframes fadeInFd3 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInFd3 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInFd3 {
	-webkit-animation-name: fadeInFd3;
	animation-name: fadeInFd3
}
/*放大20%*/
@-webkit-keyframes fadeInFd50 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInFd50 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInFd50 {
	-webkit-animation-name: fadeInFd50;
	animation-name: fadeInFd50
}
/*缩小50%*/
@-webkit-keyframes fadeInSx {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInSx {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInSx {
	-webkit-animation-name: fadeInSx;
	animation-name: fadeInSx
}
/*向下移动10%*/
@-webkit-keyframes fadeInDown10 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-10%,0);
		transform: translate3d(0,-10%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDown10 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-10%,0);
		transform: translate3d(0,-10%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInDown10 {
	-webkit-animation-name: fadeInDown10;
	animation-name: fadeInDown10
}
/*向上移动20%*/
/*向下移动20%*/
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-20%,0);
		transform: translate3d(0,-20%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-20%,0);
		transform: translate3d(0,-20%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}
/*向上移动20%*/

/*向下移动100%*/
@-webkit-keyframes fadeInDown100 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDown100 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-20%,0);
		transform: translate3d(0,-100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInDown100 {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown100
}
/*向上移动100%*/

/*向下移动5%*/
@-webkit-keyframes fadeInDown5 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-5%,0);
		transform: translate3d(0,-5%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDown5 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-5%,0);
		transform: translate3d(0,-5%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInDown5 {
	-webkit-animation-name: fadeInDown5;
	animation-name: fadeInDown5
}
/*向上移动100%*/
@-webkit-keyframes fadeInUP100 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUP100 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInUP100 {
	-webkit-animation-name: fadeInUP100;
	animation-name: fadeInUP100
}
/*向上移动100%*/
@-webkit-keyframes fadeInUP70 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,70%,0);
		transform: translate3d(0,70%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUP70 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,70%,0);
		transform: translate3d(0,70%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInUP70 {
	-webkit-animation-name: fadeInUP70;
	animation-name: fadeInUP70
}

/*向上移动10%*/
@-webkit-keyframes fadeInUP10 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,10%,0);
		transform: translate3d(0,10%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUP10 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,10%,0);
		transform: translate3d(0,10%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInUP10 {
	-webkit-animation-name: fadeInUP10;
	animation-name: fadeInUP10
}
/*向上移动20%*/
@-webkit-keyframes fadeInUP {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,20%,0);
		transform: translate3d(0,20%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUP {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,20%,0);
		transform: translate3d(0,20%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInUP {
	-webkit-animation-name: fadeInUP;
	animation-name: fadeInUP
}

/*向左边移动20%*/
@-webkit-keyframes fadeInleft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(20%,0,0);
		transform: translate3d(20%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInleft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(20%,0,0);
		transform: translate3d(20%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInleft {
	-webkit-animation-name: fadeInleft;
	animation-name: fadeInleft
}

/*向左边移动50%*/
@-webkit-keyframes fadeInleft50 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(50%,0,0);
		transform: translate3d(50%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInleft50 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(50%,0,0);
		transform: translate3d(50%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInleft50 {
	-webkit-animation-name: fadeInleft50;
	animation-name: fadeInleft50
}
/*向左边移动100%*/
@-webkit-keyframes fadeInleft100 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInleft100 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInleft100 {
	-webkit-animation-name: fadeInleft100;
	animation-name: fadeInleft100
}
/*向左边移动200%*/
@-webkit-keyframes fadeInleft200 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(200%,0,0);
		transform: translate3d(200%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInleft200 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(200%,0,0);
		transform: translate3d(200%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInleft200 {
	-webkit-animation-name: fadeInleft200;
	animation-name: fadeInleft200
}
/*向右边移动20%*/
@-webkit-keyframes fadeInright5 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-5%,0,0);
		transform: translate3d(-5%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInright5 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-5%,0,0);
		transform: translate3d(-5%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInright5 {
	-webkit-animation-name: fadeInright5;
	animation-name: fadeInright5
}
/*向右边移动20%*/
@-webkit-keyframes fadeInright {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-20%,0,0);
		transform: translate3d(-20%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInright {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-20%,0,0);
		transform: translate3d(-20%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInright {
	-webkit-animation-name: fadeInright;
	animation-name: fadeInright
}
/*向右边移动100%*/
@-webkit-keyframes fadeInright100 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInright100 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInright100 {
	-webkit-animation-name: fadeInright100;
	animation-name: fadeInright100
}
/*向右边移动200%*/
@-webkit-keyframes fadeInright200 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-200%,0,0);
		transform: translate3d(-200%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInright200 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-200%,0,0);
		transform: translate3d(-200%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInright200 {
	-webkit-animation-name: fadeInright200;
	animation-name: fadeInright200
}

/*不移动20%*/
@-webkit-keyframes fadeInNO {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInNO {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInNO {
	-webkit-animation-name: fadeInNO;
	animation-name: fadeInNO
}